<!DOCTYPE html>
<html>
<head>
<style>
.fixed_size {
    position:absolute;
    background-color:#ccffcc;
    width:25px;
    height:25px;
}
.percentage_size {
    position:absolute;
    background-color:#ccccff;
    width:10%;
    height:10%;
}
</style>
</head>
<body style="width:800px;height:600px;margin:0;">
<div class="fixed_size" style="left:5px;top:10px"></div>
<div class="fixed_size" style="right:15px;top:20px"></div>
<div class="fixed_size" style="left:25px;bottom:30px"></div>
<div class="fixed_size" style="right:35px;bottom:40px"></div>
<div class="percentage_size" style="left:40%;top:35%"></div>
<div class="percentage_size" style="right:30%;top:25%"></div>
<div class="percentage_size" style="left:20%;bottom:15%"></div>
<div class="percentage_size" style="right:10%;bottom:5%"></div>
</body>
</html>
